page {
	background: #111723;
}

.gy-1 {
	width: 686upx;
	margin: 0 auto;
	margin-top: 20upx;

	.gy-5 {
		width: 100%;
		background: #2b2f41;
		height: 110upx;
		border-radius: 20upx;
		padding: 0 35upx;
		box-sizing: border-box;
		margin-top: 20upx;

		.gy-6 {
			float: left;
			line-height: 110upx;
			font-size: 26upx;
			color: #fff;
		}

		.gy-10 {
			float: left;
			width: 18upx;
			height: 18upx;
			background: #f6bf50;
			border-radius: 9upx;
			margin-top: 47upx;
			margin-right: 20upx;
		}

		.gy-11 {
			float: left;
			line-height: 110upx;
			font-size: 26upx;
			color: #f6bf50;
		}

		.gy-7 {
			float: right;
			height: 110upx;
			font-size: 26upx;
			color: #fff;

			.gy-8 {
				float: left;
				line-height: 110upx;
				color: #aaa;
				input {
					font-size: 20upx;
					float: right;
					height: 110upx;
					line-height: 110upx;
					text-align: right;
				}
				image {
					user-select: none;
					pointer-events: none;
					width: 76upx;
					height: 76upx;
					margin-top: 17upx;
					border-radius: 50%;
				}
			}

			.gy-9 {
				float: left;
				line-height: 110upx;
				margin-top: 2upx;
				image {
					user-select: none;
					pointer-events: none;
					width: 20upx;
					height: 20upx;
					margin-left: 30upx;
				}
			}
		}
	}
}
.nickname {
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	> view {
		background: #242625;
		border-radius: 22rpx;
		width: 576rpx;
		height: 343rpx;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		.nickname1 {
			color: #fcfcfc;
			font-size: 38rpx;
			text-align: center;
			margin-top: 20rpx;
		}
		input {
			background: #111;
			border-radius: 40rpx;
			width: 528rpx;
			height: 80rpx;
			text-align: center;
			margin: 24rpx;
			color: #ccc;
		}
		.nickname2 {
			overflow: hidden;
			margin: 24rpx;
			margin-top: 50rpx;
			view,
			.nickname3 {
				float: left;
				width: 196rpx;
				height: 64rpx;
				text-align: center;
				color: #fcfcfc;
				background: #666;
				border-radius: 32rpx;
				line-height: 64rpx;
				font-size: 26rpx;
			}
			.nickname3 {
				float: right;
				background: linear-gradient(108.2944deg, #f6d58a 0%, #f6bf50 100%);
				color: #000;
			}
		}
	}
}
.uni-picker-container .uni-picker-custom {
	background: #ddd !important;
}
.shiming {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	> view {
		position: absolute;
		width: 576rpx;
		height: 501rpx;
		background: #242625;
		border-radius: 22rpx;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		image:first-child {
			user-select: none;
			pointer-events: none;
			width: 40rpx;
			height: 40rpx;
			margin-left: 500rpx;
			margin-top: 20rpx;
		}
		image {
			user-select: none;
			pointer-events: none;
			width: 136rpx;
			height: 136rpx;
			margin: 30rpx auto;
			display: block;
		}
		.shimingrenzheng {
			color: #fff;
			font-size: 30rpx;
			text-align: center;
		}
		.shimingwenzi {
			color: #ccc;
			font-size: 20rpx;
			text-align: center;
			margin: 20rpx;
		}
		.qurenzheng {
			background: linear-gradient(#f6d58a, #f6bf50);
			color: #fff;
			width: 500rpx;
			margin: 20rpx auto;
			border-radius: 50rpx;
			line-height: 90rpx;
			height: 90rpx;
			color: #333;
			text-align: center;
			margin-top: 50rpx;
		}
	}
}
.sex {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sex2 {
	background: #2d2d2d;
	line-height: 100rpx;
	view {
		font-size: 28upx;
	}
}
.sex1 {
	color: #fff;
	text-align: center;
	line-height: 60rpx;
}
.sex2 view {
	float: left;
	color: #fcfcfc;
	margin-left: 50rpx;
}
.sex2 view:last-child {
	float: right;
	margin-right: 50rpx;
	color: #ffd279;
}
.uni-picker-view-indicator:before {
	border-top: 1px solid #666;
}
.uni-picker-view-indicator:after {
	border-bottom: 1px solid #666;
}
.zhuxiao {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	> view {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 690rpx;
		height: 400rpx;
		margin: auto;
		background: #242525;
		border-radius: 20rpx;
		.title {
			color: #ccc;
			font-size: 38rpx;
			text-align: center;
			line-height: 100rpx;
			height: 100rpx;
		}
		.zhuxiao2 {
			color: #ccc;
			line-height: 50rpx;
			margin: 0 50rpx;
			font-size: 30rpx;
		}
		.zhuxiao2:nth-child(3) {
			margin-bottom: 50rpx;
		}
		.zhuxiao1 {
			overflow: hidden;
			border-top: 1px solid #666;
			height: calc(100rpx - 1px);
			line-height: calc(100rpx - 1px);
			view {
				float: left;
				width: 50%;
				text-align: center;
				color: #ccc;
				border-right: 1px solid #666;
				box-sizing: border-box;
			}
			view:last-child {
				border-right: none;
			}
		}
	}
}
.ss-1 {
	background: #2b2f41;
	color: #f6bf50;
	width: 686rpx;
	height: 100rpx;
	border-radius: 10rpx;
	margin: 20rpx auto;
	text-align: center;
	line-height: 100rpx;
}
.denglu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
	> view {
		position: absolute;
		width: 700rpx;
		height: 200rpx;
		background: #242625;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		border-radius: 20rpx;
		> view {
			color: #fcfcfc;
			text-align: center;
			line-height: 100rpx;
			view {
				width: 50%;
				float: left;
				border-top: 1px solid #666;
				box-sizing: border-box;
				border-right: 1px solid #666;
			}
			> view:last-child {
				border-right: none;
				color: #f6bf50;
			}
		}
	}
}
